<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title>订单详情</title>
		<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.css" rel="stylesheet" />
		<link rel="stylesheet" href="css/reset.css" />
		<link rel="stylesheet" href="css/main.css" />
		<script src="js/tailwindcss.js"></script>
	</head>
	<style>
		.mui-table-view-cell:after,
		.mui-table-view,
		.mui-table-view:after {
			background: none;
			border: none;
		}
	</style>
	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">订单详情</h1>
		</header>
		<div class="mui-content">
			<div class="oorder-details">
				<div class="address-group">
					<div class="address-item">
						<div class="address-item-content">
							<img src="images/ico_26.png" alt="">
							<div class="userinfo">
								<div>
									<span class="username">十一</span>
									<span class="phone">15902931513</span>
								</div>
								<div class="address">广东省广州市天河区 2栋1203广东省广州市天河区 2栋1203广东省广州市天河区 2栋1203</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="order">
				<div class="order-item">
					<div class="mui-row ">
						<div class="mui-col-xs-3">
							<img src="images/pic_01.jpg" alt="" srcset="" style="width: 100%;" />
						</div>
						<div class="mui-col-xs-9">
							<div class="goods-item-content">
								<div class="order-goods-title">Cointreau君度甜橙力娇酒利口酒小酒伴50ml</div>
								<div class="sku">53度黄盖 * 12瓶（整箱）</div>
								<div class="goods-price-group">
									<div><span>￥</span>
										<span class="price">399.00</span><span> X 1</span>
									</div>
								</div>
								<div style="text-align: right;margin-top: 0.625rem;">实付款：￥299.00</div>
							</div>
						</div>
					</div>
					<ul class="mui-table-view" style="margin-top: 1.25rem;padding-top: 0.625rem;">
						<li class="mui-table-view-cell">
							<div style="display: flex;justify-content: space-between;align-items: center;">
								<div>订单编号</div>
								<div>SN15515455154445</div>
							</div>
						</li>
						<li class="mui-table-view-cell">
							<div style="display: flex;justify-content: space-between;align-items: center;">
								<div>创建时间</div>
								<div>2024-08-13 00:00:00</div>
							</div>
						</li>
						<li class="mui-table-view-cell">
							<div style="display: flex;justify-content: space-between;align-items: center;">
								<div>付款时间</div>
								<div>2024-08-13 00:00:00</div>
							</div>
						</li>
						<li class="mui-table-view-cell">
							<div style="display: flex;justify-content: space-between;align-items: center;">
								<div>商品总价</div>
								<div>￥399.00</div>
							</div>
						</li>
						<li class="mui-table-view-cell">
							<div style="display: flex;justify-content: space-between;align-items: center;">
								<div>运费</div>
								<div>￥0.00</div>
							</div>
						</li>
						<li class="mui-table-view-cell">
							<div style="display: flex;justify-content: space-between;align-items: center;">
								<div>运费险</div>
								<div>￥0.00</div>
							</div>
						</li>
						<li class="mui-table-view-cell">
							<div style="display: flex;justify-content: space-between;align-items: center;">
								<div>店铺优惠</div>
								<div>￥0.00</div>
							</div>
						</li>
						<li class="mui-table-view-cell">
							<div style="display: flex;justify-content: space-between;align-items: center;">
								<div>实付款</div>
								<div>￥299.00</div>
							</div>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<script src="js/mui.js"></script>
		<script type="text/javascript">
			mui.init()
			mui('body').on('tap', 'a', function() {
				document.location.href = this.href;
			});
		</script>
	</body>

</html>